<template>
  <div>
    <headerView></headerView>
    <!--中间-->
    <div class="product">
      <!--头上表格-->
      <div class="product-table">
        <div class="product-left">
          <table class="table table-bordered">
            <tr class="text-center">
                <td class="title-td">
                <router-link to="/new_product">基本信息</router-link>
              </td>
              <td class="active title-td">
                <router-link to="new_info">项目信息</router-link>
              </td>
              <td class="title-td"><router-link to="new_detail">详细描述</router-link></td>
              <td class="title-td"><router-link to="new_back">回报设置</router-link></td>
            </tr>
          </table>
        </div>
        <div class="product-right">
          <table class="table table-bordered">
            <tr class="text-center">
              <td class="title-td">预览</td>
            </tr>
          </table>
        </div>
      </div>
      <!--下部foem表单-->
      <div class="product-form">
        <!--上标题-->
        <div class="product-title">
          <div class="my-h4">
            <h4>描述你的项目详情</h4>
          </div>
          <div class="btn-save">
            <button class="btn btn-default" @click="saveProject()">保存草稿</button>
          </div>
        </div>
        <div class="clear"></div>
        <hr />
        <!--表单-->
        <!--宣传视频-->
        <div>
          <form>
            <div class="detail">
              <b>宣传视频：</b
              ><input class="detail-input" placeholder="填写视频在线播放地址" v-model="formData.video" />
            </div>
          </form>
        </div>
        <div class="clear"></div>
        <hr />
        <!--编辑信息表单-->
        <form action="#">
          <div class="my-form">
            <div class="detail">
              <b>项目故事：</b>
              <div>
                <textarea
                  rows="2"
                  placeholder="一句话介绍一下你的项目吧"
                  v-model="formData.story"
                ></textarea>
              </div>
            </div>
            <div class="detail">
              <b>更多支持：</b>
              <div>
                <textarea
                  rows="2"
                  placeholder="一句话介绍一下你的项目吧"
                ></textarea>
              </div>
            </div>
            <div class="detail">
              <b>提供回报：</b>
              <div>
                <textarea
                  rows="2"
                  placeholder="一句话介绍一下你的回报吧"
                  v-model="formData.provideReturns"
                ></textarea>
              </div>
            </div>
            <div class="detail">
              <b>关于我：</b>
              <div>
                <textarea
                  rows="2"
                  placeholder="一句话介绍一下你自己吧"
                  v-model="formData.aboutme"
                ></textarea>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
    <!--下部-->
    <div id="bottom">
<blowView></blowView>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      formData:{
        video:'',// 视频播放地址
        story:'',// 项目故事
        provideReturns:'',//提供回报
        aboutme:''//关于我

      }
    }
  },
  methods:{
    saveProject(){
      console.log(JSON.stringify(this.formData))
      sessionStorage.setItem("forms4",JSON.stringify(this.formData))
    }
  }
};
</script>

<style scoped>
@import url("../../public/css/bootstrap.min.css");
@import url("../../public/css/base.css");
@import url("../../public/css/headbott.css");
@import url("../../public/css/index.css");
@import url("../../public/css/ly-list.css");
@import url("../../public/css/reg.css");
@import url("../../public/css/style.css");
@import url('../../public/css/detail.css');
</style>